<html>
<head>
	<meta charset='utf-8' />
	<title>前行微信挪车</title>
	<meta http-equiv="keywords" content="微信挪车"> 
	<meta http-equiv="description" content="微信挪车">  
	<meta name="description" content="微信挪车"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		@media screen and (max-width:450px){
			#content{width:98%;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content{width:450px;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body style='padding:0;margin:0;background:#eee'>
<!-- 1 Content容器 -->
<div id='Content' style='margin-bottom:100px'>

	<!-- 2 顶部广容器-->
	<div style='height:70px;border:1px solid #369;display:flex;text-align:center' id='Advert_Top'>

	</div><!-- 2 顶部广容器结束-->

	<select id="nav_select" style='width:100%;margin:10px 0'>
		<option value="apply">发送挪车请求</option>
		<option value="car_list">我绑定的车牌</option>
		<option value="complain">车牌误绑申诉</option>
		<option value="record">挪车记录</option>
	</select>

	<!-- 头像和昵称 -->
	<div style='margin:30px;'>
		<div style='text-align:center;margin:0px'>
			<img id='headimg' src="" alt="头像" style='border-radius:25px;width:50px;height:50px;margin:0 auto'>
		</div>
		<div id='name' style='text-align:center;margin:10px;'></div>
	</div>



	<!-- 发送挪车请求 -->
	<div id='apply' class='area' style='margin:5px 0'></div>

	<!-- 我绑定的车牌 -->
	<div id='car_list' class='area' style='padding:0 20px'></div>

	<!-- 车牌误绑申诉 -->
	<div id='complain' class='area' style='padding:0 20px'></div>



	<!-- 挪车记录 -->
	<div id='record' class='area' style=''></div>



</div><!-- 1 Content容器结束 -->

<!-- 等待提示框 -->
<div id='notice'></div>


</body>
</html>
<script src='Public/jquery.js'></script>
<script src='Public/fun.js'></script>
<script>
var main_url = 'interface.php';

$(function(){
	if(!GetCookie('headimg')){
		location.replace('login.php');exit;
	}

	//显示头像和昵称
	$('#name').html(decodeURIComponent(GetCookie('name')));
	$('#headimg').attr('src',decodeURIComponent(GetCookie('headimg')));


	//显示当前选择项的内容
	View_Nav();
	$('#nav_select').change(function(){
		View_Nav();
	});

});











//判断选择的项并显示相应的内容
function View_Nav(){
	$('.area').hide();
	var current_nav = $('#nav_select').find('option:selected').val();
	switch(current_nav){
		case 'apply':
			Get_Apply();	//获取申请挪车页面
			$('#apply').show();
			break;
		case 'car_list':
			Get_CarList();	//我绑定的车牌
			$('#car_list').show();
			break;
		case 'complain':
			Get_Complain();		//车牌误绑申诉
			$('#complain').show();
			break;
		case 'record':
			Get_Record();		//挪车记录
			$('#record').show();
			break;
	}
}




//挪车记录
function Get_Record(){
	$.ajax({
		url:'Template/record.html',
		success(res){
			$('#record').html(res);
		}
	});
}

//车牌误绑申诉
function Get_Complain(){
	$.ajax({
		url:'Template/complain.html',
		success(res){
			$('#complain').html(res);
		}
	});
}



//我绑定的车牌
function Get_CarList(){
	$.ajax({
		url:'Template/car_list.html',
		success(res){
			$('#car_list').html(res);
		}
	});
}


//获取申请挪车页面
function Get_Apply(){
	$.ajax({
		url:'Template/apply.html',
		success(res){
			$('#apply').html(res);
		}
	});
}











</script>













